
var bCareH = $('.b-care-h')//护肤的盒子
var bCare = $('.b-care')//护肤的盒子
var bHairH = $('.b-hair-h')//护发的盒子
var bHair = $('.b-hair')//护发的盒子
// 护肤
bCareH.mouseenter(function () {
    hotred(bCare, bCareH)
})
bCareH.mouseleave(function () {
    red(bCare, bCareH)
})
bCare.mouseenter(function () {
    hotred(bCare, bCareH)
})
bCare.mouseleave(function () {
    red(bCare, bCareH)
})
//护发
bHairH.mouseenter(function () {
    hotred(bHair, bHairH)
})
bHairH.mouseleave(function () {
    red(bHair, bHairH)
})
bHair.mouseenter(function () {
    hotred(bHair, bHairH)
})
bHair.mouseleave(function () {
    red(bHair, bHairH)
})

function red(pink, blue) {
    pink.css({
        display: 'none'
    })
    blue.css({
        border: '1px solid #d2d2d2'
    })
}
function hotred(eat, milk) {
    eat.css({
        display: 'block'
    })
    milk.css({
        border: '1px solid #f42424'
    })
}










// 品牌盒子
var bPinpaia = $('.b-advertising>a')//品牌链接
var bPinpaip = $('.b-advertising>a>p')//品牌盒子
bPinpaia.mouseenter(function () {
    bPinpaip.css({
        backgroundColor: '#fff'
    })
})
//点击多选
var apple = 0
$('.b-checkbox').click(function () {
    if (apple == 0) {
        $('.b-advertising').css({
            display: 'none'
        })
        $('.b-choice').css({
            display: 'block'
        })
        $('.b-trademark').show(2000, function () {
            $(this).css({
                height: '130px'
            })
        })
        $('.b-checkbox').html('&nbsp;一起收')
        apple = 1

    } else {
        $('.b-advertising').css({
            display: 'block'
        })
        $('.b-choice').css({
            display: 'none'
        })
        $('.b-trademark').css({
            height: '85px',
        })
        $('.b-checkbox').html('+ 多选')
        apple = 0
    }
})
//关闭按钮
$('.b-off').click(function () {
    $('.b-advertising').css({
        display: 'block'
    })
    $('.b-choice').css({
        display: 'none'
    })
    $('.b-trademark').css({
        height: '85px',
    })
})

//所有品牌
$('.b-allpinpai').nextAll().mouseenter(function () {
    $('.b-check').css({
        display: 'none'
    })
})
$('.b-allpinpai').mouseenter(function () {
    $('.b-check').css({
        display: 'block'
    })
})



// 价格区间
$('.b-max').focus(function () {
    sky()
})
$('.b-max').blur(function () {
    day()
})
$('.b-min').focus(function () {
    sky()
})
$('.b-min').blur(function () {
    day()
})
function day() {
    $('.b-money').css({
        display: 'none'
    })
}
function sky() {
    $('.b-money').css({
        display: 'block'
    })
}
// 大小图


$('.b-sma').click(function () {
    $('.b-product-left').attr('class', 'b-pro-left')
}).mouseenter(function () {
    $(this).css({
        color: '#f42424'
    })
}).mouseleave(function () {
    $(this).css({
        color: '#616060'
    })
})
$('.b-big').click(function () {
    $('.b-pro-left').attr('class', 'b-product-left')
}).mouseenter(function () {
    $(this).css({
        color: '#f42424'
    })
}).mouseleave(function () {
    $(this).css({
        color: '#616060'
    })
})

//产品放大
var bear = 0
$('.b-but').click(function () {
    if (bear == 0) {
        $('.b-product-right').css({
            left: '1200px'
        })
        $('.b-all').hide(1000, function () {
            $(this).css({
                display: 'none'
            })
        })

        $('.b-product-left').css({
            width: '1200px'
        })
        $('.b-pro-left').css({
            width: '1200px'
        })
        bear = 1;
    } else {
        $('.b-product-left').css({
            width: '1000px'
        })
        $('.b-pro-left').css({
            width: '1000px'
        })
        $('.b-product-right').css({
            left: '1000px'
        })
        $('.b-all').show(1000, function () {
            $(this).css({
                display: 'block'
            })
        })
        bear = 0;
    }

})


//产品部分左边，hover小图变大图
var minspan = $('.b-mining span')
minspan.mouseenter(function () {
    $(this).css({
        border: '1px solid #f42424'
    })
    var mincrc = $(this).find('img').attr('src')
    var maxing = $(this).parent().prev()
    maxing.attr('src', mincrc)
})
minspan.mouseleave(function () {
    $(this).css({
        border: '1px solid #fff'
    })
})


//点击产品对比出现的盒子
var duibiPro = $('.b-product-left>div>p:last-child()>span:first-child()').find('input');
console.log(duibiPro);
duibiPro.click(function () {

    var tempa=$(this).parents('.b-maxbox');
       



    if($(this).is(":checked")){
      

        
        $('.b-duibi').css({
            display: 'block'
        })
        $('.b-sweetbox').append('<div class="b-duimin"><a style="font-size: 9" href=""><img src="" class="tempBox"></a><p><a href="" title="麦斯威尔杰威尔发胶定型喷雾男士干胶头发持久定型造型喑喱水发蜡蓬松清香快速定型，蓬松清香，不起白屑，" target="_blank">麦斯威尔杰威尔发胶定型喷雾男士干胶 头发持久定型造型嗜喱水 发蜡蓬松清香·快速定型，蓬松清香，不起白屑，</a></p><div>￥<em>0.01</em></div><span class="b-dele">删除</span></div>');
        
        //渲染
        // function gcr2() {
    
     
    var tempa=$(this).parents('.b-maxbox');

        // 选择最后一个对比的盒子
        var tempBox=$('.tempBox').eq($('.tempBox').length-1);
        tempBox.attr('src',tempa.children('img').attr('src'));
    
        $('.b-dele').click(function () {
            $(this).parents('.b-duimin').each(function(index,value){
                console.log(index);
                console.log(value);
            })
            $(this).parents('.b-duimin').remove();

        })
    }
  
   
})


$('.b-cang').click(function () {
    $('.b-duibi').css({
        display: 'none'
    })
})























